<%@page language="java"  pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
<!DOCTYPE html>
<html class="pixel-ratio-1"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		
		<title>支付成功</title>
		<!-- Path to Framework7 Library CSS-->
		 <link rel="stylesheet" href="${pageContext.request.contextPath}/css/f7/framework7.ios.min.css">
    	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/f7/framework7.ios.colors.min.css">
    	<!-- Path to your custom app styles-->
   		 <link rel="stylesheet" href="${pageContext.request.contextPath}/css/f7/my-app.css">
		<link rel="stylesheet" href="${pageContext.request.contextPath}/framework7.css">
		
		<!-- Path to your custom app styles-->
	</head>
	
	<body>
		<div class="views">
			<div class="view view-main">
				<div class="pages">
						<div data-page="pagePaySuccess" class="page">
							<div class="page-content" style="background:#ffffff;text-align:center;">
									<br><br>
									<p style="font-size:30px;color:#4a4a4a;font-family: 微软雅黑">订单支付成功</p>
									<p><img src="../image/f7/paySuccess.png" width="30%"></p>
								    <div class="list-block">
								      <ul>
								        <li class="item-content ">
								          <div class="item-inner">
								            <div class="item-title">订单号</div>
								            <div class="item-after"><span id="externalId"></span></div>
								          </div>
								        </li>
								        <li class="item-content">
								          <div class="item-inner">
								            <div class="item-title">交易时间</div>
								            <div class="item-after"><span id="createTime"></span></div>
								          </div>
								        </li>
								      </ul>
								      <div class="list-block-label" id="transAmount" style="text-align: right;"><span style="font-size: 18px;">交易金额：</span><span style="font-size: 30px;" id="amt"></span></div>
    								</div>
								</div>
							</div>
						</div>
				</div>
			</div>
		
		<!-- Path to Framework7 Library JS-->
		<script type="text/javascript" src='${pageContext.request.contextPath}/js/f7/framework7.js'></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery/jquery-1.8.3.js"></script>
		<script type="text/javascript">
			// Initialize your app
			var myApp = new Framework7({
				swipeBackPage:false
			});
			// Export selectors engine
			var $$ = Dom7;
			// Add view
			var mainView = myApp.addView('.view-main', {
			    dynamicNavbar: true,
			    domCache: true
			});
			// 客服相关
			$(document).ready(function(){
				//微联
				if((+"")==(5196+"")){
					$("#transAmount").after('<div class="left" style="font-size: 14px;float:left;width:100%;padding-top:40px;margin-bottom:-20px;"> 客服qq:<span style="color:blue"> 3182170451</span></br>客服电话:<span style="color:blue"> 4000992328</span></br>工作时间：<span style="color:blue">周一至周五   9：00---18：00</span></div>');
				}
				//卡小宝
				else if((+"")==(9503+"")){
					$("#transAmount").after('<div class="left" style="font-size: 14px;float:left;width:100%;padding-top:40px;margin-bottom:-20px;"> 客服qq:<span style="color:blue"> 40088-96551</span></br>客服电话:<span style="color:blue"> 40088-96551</span></br>工作时间：<span style="color:blue">周一至周五   9：00---18：00</span></div>');
				}
				else{
					$("#transAmount").after('<div class="left" style="font-size: 14px;float:left;width:100%;padding-top:40px;margin-bottom:-20px;"> 客服电话:<span style="color:blue"> 010-56204844</span></br>客服qq:<span style="color:blue"> 3076604720,3257915909</span></br>工作时间：<span style="color:blue">周一至周五   9：30---18：30</span></div>');
				}
			});
			
			$(document).ready(function() {
			var externalId = ;
			setTimeout(function(){$$.ajax({
							type:'GET',
							url:  'getWxOrder.action',
							data:{
	     					externalId:externalId
						},
						success: function(data){
							var res = eval('('+data+')');
							$$("#amt").text("￥"+res.amt);
							$$("#externalId").text(res.externalId);
							$$("#createTime").text(res.createTime);
							//	mainView.router.load({pageName: 'pagePaySuccess'});
							//	document.title = '填写商户信息';
						},
						error: function(){
							alert('错误');
						}
						});}, 500);
						
					});
		</script>
  	
</body>
</html>